<style>
form .row{
_min-height: 25px;
	margin-bottom: 5px;
}
form .row label{
	width: 200px;
	height: 20px;
	font-weight: 600;
	font-style: italic;
	display: block;
	color: #4c4c4c;
}
form .row input,
form .row select{
}
form .row textarea{
	width: 300px;
	height: 100px;
}
form .buttons{
	float:left;
}
</style>

<script type="text/javascript">
$(document).ready(function(){
	
	$("#frmAECategory").submit(function(){
		//lấy các label có class required
		var requireds = $("form label.required");
		var valid = true;
		//duyệt
		for(var i = 0; i< requireds.length; i++){
			//lấy các thẻ input liên quan tới thẻ label đó			
			var input = requireds.eq(i).parent().find('input');
			//remove ul báo lỗi nếu có
			input.parent().find("ul.errors").remove();
			//kiểm tra giá trị của textbox nếu rỗng append thêm thẻ ul báo lỗi
			if(input.attr("value") == ""){
				input.parent().append(
					"<ul class='errors'><li>Yêu cầu nhập dữ liệu</li></ul>"
				);
				valid=false;
			//nếu không thì kiểm tra chuỗi có đụng định dạng hay không
			}else{
				var regExp = /[a-zA-Z0-9][a-zA-Z0-9]*/;
				if(!regExp.test(input.attr("value"))){
					input.parent().append(
							"<ul class='errors'><li>Dữ liệu không chính xác</li></ul>"
						);
					valid=false;
				}
			}
				
		}
		if(!valid){
			$("#slug").attr("value",getSlug($("#vi_name").attr("value")));
			return false;
		}		
	});
	//điền slug
	$("#name").focusout(function(){
		$("#slug").attr("value",getSlug($(this).attr("value")));
	});
	//search
	$("#btnSearch").click(function(){
		var keyword = $("#txtKeyword").attr("value");
		if(keyword == ""){
			alert("Xin hãy nhập tên chuyên mục cần tìm!");
			return false;
		}else{
			$("#frmActions").attr("action", "<?php echo $this->url(array('type' => $this->type), 'admin_category_search');?>");
		}
		
	});
	//xóa
	$("#btnDelete").click(function(){
		var valid= false;
		var arrChkId = $(".chkId");
		var strIDs = "";
		for(var i =0; i < arrChkId.length; i++){
			if(arrChkId.eq(i).attr("checked")){
				valid = true;
				if(strIDs!=""){
					strIDs +=","+ arrChkId.eq(i).attr("value");
				}else{
					strIDs +=arrChkId.eq(i).attr("value");
				}
				//break;
			}
		}
		if(valid){
			if(confirm("Bạn thực sự muốn xóa những chuyên mục này?")){
				$("#hddIDs").attr("value", strIDs);
				$("#frmActions").attr("action", "<?php echo $this->url(array('type' => $this->type), 'admin_category_delete');?>");
			}else{
				return false;
			}
		}else{
			alert("Xin hãy chọn chuyên mục muốn xóa!");
			return false;
		}
	});
	
});
</script>
<div id="r-heading">
	<img src="<?php echo PUBLIC_URL.'/admin/images/category.png';?>" alt=""/>
	<span>Danh sách chuyên mục</span>
</div>
<?php
//nếu có message thì hiển thị
if(!empty($this->message)){
	echo '<div id="message">'.$this->message.'</div>';
} 
?>
<div style="width: 40%; float: left;">
<?php echo $this->form;?>
</div>

<div style="width: 60%; float: left;">
	<form id="frmActions" action="" method="post">
		<div id="actions">
			<!-- <input type="text" id="txtKeyword" name="keyword" class="text" value="" size="25"/>
			<input type="submit" id="btnSearch" class="button" value="Tìm kiếm"/>-->
			<input type="submit" id="btnDelete" class="button" value="Xóa các mục đã chọn"/>
			<input type="hidden" id="hddIDs" value="" name="ids"/>
		</div>
		<table class="list" cellspacing="0">
			<thead>
				<tr>
					<td width="5%">
						<input type="checkbox" class="chkAll"/>
					</td>
					<td width="55%">
						Tên
					</td>
					<td width="15%">
						Số bài viết
					</td>
					<td width="15%">
						Thực hiện
					</td>
				</tr>
			</thead>
			<tbody>
				<?php
					$count = count($this->arrCategories);
					if($count == 0){
				?>
					<tr>
						<td colspan="4" style="color: #fc0202;">
							Chưa có chuyện mục nào trong cơ sở dữ liệu!
						</td>
					</tr>
				<?php
					}else{
						for($i = 0; $i< $count; $i++){
				?>
					<tr <?php if($i == $count - 1) echo 'class="last"';?>>
						<td>
							<input type="checkbox" class="chkId" value="<?php echo $this->arrCategories[$i]->id; ?>"/>
						</td>
						<td>
							<a href="<?php echo  $this->url(array('type' => $this->arrCategories[$i]->type, 'id' => $this->arrCategories[$i]->id), 'admin_category');?>" title="Sửa thông tin chuyên mục">
								<?php
									
									echo $this->arrCategories[$i]->name;
								?>
							</a>
						</td>
						<td>
							<?php //echo count($this->arrCategories[$i]->findDependentRowset('Model_PostCategory'));?>
						</td>
						<td>
							<a href="<?= $this->url(array('type' => $this->arrCategories[$i]->type, 'id' => $this->arrCategories[$i]->id), 'admin_category');?>" title="Sửa thông tin chuyên mục">Sửa</a>
							|
							<a href="<?= $this->url(array('type'=> $this->arrCategories[$i]->type, 'id' => $this->arrCategories[$i]->id), 'admin_category_delete');?>" onclick="if(!confirm('Bạn thực sự muốn xóa chuyên mục này?')) return false;">Xóa</a>
						</td>
					</tr>
				<?php
						}
					}
				?>
			</tbody>
			<tfoot>
				<tr>
					<td>
						<input type="checkbox" class="chkAll"/>
					</td>
					<td>
						Tên
					</td>
					<td>
						Số bài viết
					</td>
					<td>
						Thực hiện
					</td>
				</tr>
			</tfoot>
		</table>
	</form>
</div>